    /* .header */
    .header {
      height: 70px;
      box-sizing: border-box;
      background: #242424;
      border-bottom: 1px solid #000;
    }

    .header-top {
      margin: 0 auto;
      height: 69px;
      line-height: 69px;

      display: flex;
      justify-content: space-between;

      color: #fff;
    }

    .header-top .header-left {
      display: flex;
    }

    .header-top .header-left .header-list {
      display: flex;
    }

    .header-top .header-left .header-list a {
      display: inline-block;
      color: #ccc;
      font-size: 14px;
      padding: 0 19px;
    }

    .header-top .header-left .header-list a:hover {
      background-color: #000;
      color: #fff;
    }

    .header .header-top .logo {
      background: url(https://s2.music.126.net/style/web2/img/frame/topbar.png?eb8a621d1972cfbcd8dd34d2beeb79e1) no-repeat 0 9999px;
      width: 176px;
      height: 69px;
      background-position: 0 0;
      margin-right: 20px;
    }

    .header .header-top .header-left .logo a {
      display: block;
      text-indent: -9999px;
    }

    .header-list .active {
      position: relative;
    }

    .header-list .top-arrow {
      background: url(https://s2.music.126.net/style/web2/img/frame/topbar.png?eb8a621d1972cfbcd8dd34d2beeb79e1) no-repeat 0 9999px;
      display: block;
      position: absolute;
      left: 50%;
      bottom: -2px;
      width: 12px;
      height: 7px;
      margin-left: -6px;
      overflow: hidden;
      background-position: -226px 0;
    }

    .download {
      position: relative;
    }

    .hot {
      position: absolute;
      top: 21px;
      left: 100px;
      width: 28px;
      height: 19px;
      background: url(https://s2.music.126.net/style/web2/img/frame/topbar.png?eb8a621d1972cfbcd8dd34d2beeb79e1) no-repeat 0 9999px;
      background-position: -190px 0;
    }

    .header-right {
      font-size: 12px;
    }

    .header-right .search {
      position: relative;
      display: inline-block;
    }

    .search_icon {
      position: absolute;
      background: url(https://s2.music.126.net/style/web2/img/frame/topbar.png?eb8a621d1972cfbcd8dd34d2beeb79e1) no-repeat 0 9999px;
      width: 28px;
      height: 28px;
      top: 20px;
      left: 2px;
      background-position: 0 -99px;
    }

    .header-right .search input {
      box-sizing: border-box;
      font-size: 12px;
      width: 158px;
      height: 32px;
      border-radius: 32px;
      outline: none;
      padding-left: 30px;
    }

    input:focus::-webkit-input-placeholder {
	    color: transparent;
    }

    .header-right .creater {
      color: #ccc;
      border: 1px solid #4f4f4f;
      padding: 7px 13px;
      border-radius: 20px;
      margin: 0 10px;
    }

    .header-right .creater:hover {
      border-color: #ccc;
      color: #fff;
    }

    .header-right .login {
      color: #787878;
      margin: 0 10px;
    }

    .header-right .login:hover {
      text-decoration: underline;
      color: #666;
    }

    .header-bottom {
      height: 35px;

      background-color: #C20C0C;
      border-bottom: 1px solid #a40011;

    }

    .header-bottom .header-bottom-list {
      display: flex;
      margin: 0 auto;
      box-sizing: border-box;
      padding-left: 198px;
    }

    .header-bottom .header-bottom-list .item span {
      display: inline-block;
      padding: 0 13px;
      margin: 7px 17px;
      color: #fff;
      font-size: 12px;

      height: 20px;
      line-height: 21px;
      border-radius: 21px;
    }

    .header-bottom .header-bottom-list .item span:hover {
      background-color: #9b0909;
    }

    .song-list {
      position: relative;
    }

    .song-list .r-icon {
      background-image: url(https://s2.music.126.net/style/web2/img/white-r-icon@3x.png?8fd65dea5368f45b36ab6f045aeaa983);
      display: inline-block;
      position: absolute;
      width: 8px;
      height: 8px;
      top: 2px;
      background-size: cover;
    }